<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-ua-compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title></title>
		<style>
			.content{
				margin:100px auto;
				padding:10px;
				width:500px;
				height:450px;
				background-color:gray;
			}
			.tp{
				box-sizing:border-box;
				margin:50px auto;
				padding:20px;
				width:270px;
				height:300px;
				background-color:#fff;
			}
			.list{
				margin:3px;
				width:220px;
				height:250px;
				border:1px solid #000;
			}
			ul{
				margin:10px;
				text-align:left;
			}
			ul .xu{
				height:30px;
				border:1px dashed #000;
				border-color: transparent transparent #000 transparent;
				margin:5px;
			}
		</style>
	</head>
	<body>
		<div class="content">
			<div class='tp'>
				<div class='list'>
					<ul>
						<li class='xu'>蓝唇妆这么火？</li>
						<li class='xu'>大牌画风为何突变？</li>
						<li class='xu'>欧莱雅男士面膜</li>
						<li class='xu'>COACH与追梦女性</li>
						<li class='xu'>元气少女养成记！</li>
						<li class='xu'>佑天兰中国体验会</li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
